<script setup>
import { onMounted } from 'vue';

// 定义 onClickLeft 方法
const onClickLeft = () => {
  history.back();
};
const isStandardMode = ref(false);
const isDarkMode = ref(false);
const isopen = ref(false);
</script>

<template>
  <van-nav-bar title="设置" left-text="" left-arrow @click-left="onClickLeft" />

  <van-cell-group>
    <!-- 第一组 -->
    <router-link to="/person">
    <van-cell title="个人资料" is-link />
    </router-link>
    <router-link to="/account">
    <van-cell title="账号设置" is-link />
    </router-link>
    <van-cell title="首页wifi下自动播放">
      <template #right-icon>
        <van-switch v-model="isStandardMode" />
      </template>
    </van-cell>
    <van-cell title="视频播放默认静音">
      <template #right-icon>
        <van-switch v-model="isDarkMode" />
      </template>
    </van-cell>
    <van-cell title="视频播放默认打开步骤字幕">
      <template #right-icon>
        <van-switch v-model="isopen" />
      </template>
    </van-cell>
    <van-cell title="问题与建议" is-link />
    <van-cell title="把懒饭告诉朋友" is-link />
    <van-cell title="隐私设置" is-link />
    <van-cell title="用户协议" is-link />

    <!-- 第二组 -->
    <van-cell title="隐私协议" is-link />
    <van-cell title="证照中心" is-link />
    <van-cell title="关于我们" is-link />
    <van-cell title="清除缓存" is-link />

    <!-- 模式切换 -->


    <!-- 第三组 -->
    <van-cell title="当前版本       3.0.2" is-link />
    <van-cell title="退出登入" is-link />
  </van-cell-group>

</template>

<style scoped>
.cell-wrapper {
  display: flex;
  justify-content: flex-start;
}
</style>